.details-label-box {
  width: 100%;
  min-height: 100vh;
  background-color: #fff;
  padding: calc(var(--amplified_base) * 100rpx) 32rpx 100rpx;

  .scroll-view {
    position: relative;
    width: 100%;
    min-height: 100vh;
  }

  .contacts-list {
    .contacts-item-wrap {
      position: relative;

      .padding {
        font-weight: 600;
        font-size: calc(var(--amplified_base) * 32rpx);
        color: #000000;
      }
    }

    .contacts-item {
      display: flex;
      align-items: center;
      padding: 0 32rpx;
      font-weight: 400;
      font-size: calc(var(--amplified_base) * 32rpx);
      color: #131313;

      .contacts-item-right {
        width: 100%;
        position: relative;
        padding: 32rpx 0;
        display: flex;
        align-items: center;
      }
    }

    .contacts-it-avatar {
      margin: 0 16rpx;
      width: calc(var(--amplified_base) * 80rpx);
      height: calc(var(--amplified_base) * 80rpx);
      background: #d9d9d9;
      border-radius: 24rpx;
    }
  }

  .indexBar {
    position: fixed;
    right: 0px;
    bottom: 0px;
    padding: 20upx 20upx 20upx 60upx;
    display: flex;
    align-items: center;
  }
  .indexBar .indexBar-box {
    width: 40upx;
    height: auto;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 20upx rgba(0, 0, 0, 0.1);
    border-radius: 10upx;
    background-color: #f2f2f2;
  }

  .indexToast {
    position: fixed;
    // top: 0;
    top: var(--status-bar-height);
    right: 80upx;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100upx;
    height: 100upx;
    border-radius: 10upx;
    margin: auto;
    color: #fff;
    line-height: 100upx;
    text-align: center;
    font-size: 48upx;
  }

  //右上角的更多 在下方出现的弹出层
  :deep .more-popup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 40rpx 0;

    .popup-more-item {
      width: 100%;
      padding: 36rpx 0;
      text-align: center;
    }
  }

  :deep .rename-popup {
    padding: 50rpx 32rpx;

    .rename-popup-input {
      width: 100%;
      height: 88rpx;
      padding: 0 24rpx;
      background: #ededed;
      border-radius: 8rpx;
      margin-top: 20rpx;
    }

    .rename-popup-btn {
      margin: 0 auto;
      margin-top: 56rpx;
      text-align: center;
      width: 302rpx;
      height: 88rpx;
      line-height: 88rpx;
      font-weight: 400;
      font-size: 32rpx;
      color: #fff;
      letter-spacing: 4rpx;
      background: #07c160;
      border-radius: 8rpx;
    }
  }
}
